<!doctype html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>站长工具</title>
    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:"
    />
  </head>

  <body>
    <div id="app"></div>
    <script type="module" src="./src/main.ts"></script>
  </body>
  <style>
    /* 滚动条上的滑块 */
    ::-webkit-scrollbar-thumb {
      background-color: #888; /* 滑块的颜色 */
      border-radius: 6px; /* 滑块的圆角 */
      border: 3px solid #f1f1f1; /* 滑块边缘的颜色，与背景颜色相同以形成圆角效果 */
    }

    /* 滑块在悬停时的样式 */
    ::-webkit-scrollbar-thumb:hover {
      background-color: #555; /* 悬停时的颜色 */
    }

    /* 滚动条轨道两端的按钮（通常不可见） */
    ::-webkit-scrollbar-button {
      background-color: #ddd; /* 按钮的背景颜色 */
    }

    /* 滚动条轨道 */
    ::-webkit-scrollbar-track {
      background-color: #f1f1f1; /* 轨道的背景颜色 */
    }

    /* 滚动条轨道在滑块两侧的空白区域 */
    ::-webkit-scrollbar-track-piece {
      background-color: #f1f1f1; /* 空白区域的背景颜色 */
    }
  </style>
</html>
